<template>
  <div>
    我是About里面的内容
  </div>
</template>

<script>
export default {
name:'About',
mounted(){
  console.log("DD",this.$route);
},
// 通过路由规则，进入该组件时被调用
beforeRouteEnter(to,from,next){
// console.log('App--before Enter');
console.log('内置路由守卫',to,from)
if(to.meta.isAuth){//判断当前路由是否需要进行权限控制
if(localStorage.getItem('school')==='atguigu'){//权限控制的具体规则
    next()//放行
}
else{
    alert('学校名不对')
}
}
else{next()}
  
next()
},
// 通过路由规则，离开该组件时被调用
beforeRouteLeave(to,from,next){
console.log('App--before Leave');
next()
}
}
</script>
<style scoped>
div{
    color: aqua;
    font-size: 40px;
}
</style>
